<?php

?>
<html>
<head>
<title>Home::RobotriX.Co.in</title>

    <link rel='stylesheet' id='camera-css'  href='css/camera.css' type='text/css' media='all'> 
    <style>
		
		#back_to_camera {
			clear: both;
			display: block;
			height: 2px;
			line-height: 2px;
			padding: 2px;
		}
		.fluid_container {
			margin: 0 auto;
			max-width: 1000px;
			width: 98%;
		}
	</style>

    <!--///////////////////////////////////////////////////////////////////////////////////////////////////
    //
    //		Scripts
    //
    ///////////////////////////////////////////////////////////////////////////////////////////////////--> 
    
    <script type='text/javascript' src='scripts/jquery.min.js'></script>
    <script type='text/javascript' src='scripts/jquery.mobile.customized.min.js'></script>
    <script type='text/javascript' src='scripts/jquery.easing.1.3.js'></script> 
    <script type='text/javascript' src='scripts/camera.js'></script> 
    
    <script>
		jQuery(function(){
			
			jQuery('#camera_wrap_3').camera({
				height: '400px',				
				pagination: true,
				thumbnails: false,
				imagePath: 'images/'
			});

		});
	</script>
 
<link rel="stylesheet" type="text/css" href="css/layout.css" />
</head>
<body>
<div id="top_head" class="bg sdw brdr">
<div id="top_banner">
<table width="100%">
<tr>
<td>
<img src="images/title.png" />
</td>
<td>
<div id="srch_box">
<table>
<tr>
<td><input type="text" class="text_box"/></td>
<td><a class="btn">Search</a></td>
</tr>
</table>
</div>
</td>
</tr>

<tr>
<td>

</td>
<td>
<div id="head_link">
<ul>
<li><a class="fclr">SignIn</a></li>
<li><a class="fclr">Register</a></li>
</ul>
</div>
</td>
</tr>
</table>
</div>
</div>

<div id="mid_body">
<table width="100%">
<tr>
<td width="15%"></td>
<td width="70%">
<div id="top_link" class="bg sdw obdr">
<ul>
<li><a href="#" class="fclr">HOME</a></li>
<li><a href="#" class="fclr">CHALLENGE</a></li>
<li><a href="#" class="fclr">TRAINING</a></li>
<li><a href="#" class="fclr">EVENTS</a></li>
<li><a href="#" class="fclr">GALLERY</a></li>
<li><a href="#" class="fclr">CONTACT US</a></li>
</ul>
</div>
</td>
<td width="15%"></td>
</tr>

<tr>
<td width="15%"></td>
<td width="70%">
<div id="mid_content">
<div id="back_to_camera">
    
    </div><!-- #back_to_camera -->
    
	<div class="fluid_container">
    	
        <div class="camera_wrap camera_emboss" id="camera_wrap_3">
            <div data-thumb="images/slides/thumbs/big_bunny_fake.jpg" data-src="images/slides/big_bunny_fake.jpg">
            	<iframe src="http://player.vimeo.com/video/2203727" width="100%" height="100%" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
            </div>
            <div data-thumb="images/slides/thumbs/bridge.jpg" data-src="images/slides/bridge.jpg">
                
            </div>
 <div data-thumb="images/slides/thumbs/sea.jpg" data-src="images/slides/sea.jpg">
                
            </div>  
<div data-thumb="images/slides/thumbs/tree.jpg" data-src="images/slides/tree.jpg">
                <div class="camera_caption fadeFromBottom">
                    Different color skins and layouts available, <em>fullscreen ready too</em>
                </div>
            </div>                      
            <div data-thumb="images/slides/thumbs/road.jpg" data-src="images/slides/road.jpg" data-time="1500" data-trasPeriod="4000" data-link="http://www.google.com/" data-target="_blank">
                <div class="camera_caption fadeFromBottom">lovely text
                   
                </div>
            </div>
        </div><!-- #camera_wrap_3 -->

    </div><!-- .fluid_container -->

</div>
</td>
<td width="15%"></td>
</tr>
<tr>
<td width="15%"></td>
<td width="70%">
<table width="100%">
<tr>
<td width="25%"><div id="news_red"></div></td>
<td width="25%"><div id="news_yellow"></div></td>
<td width="25%"><div id="news_green"></div></td>
<td width="25%"><div id="news_blue"></div></td>
</tr>
</table>
</td>
<td width="15%"></td>
</tr>
<tr>
<td width="15%"></td>
<td width="70%">
<div id="btm_link" class="brdr">

</div>
</td>
<td width="15%"></td>
</tr>
</table>
</div>
</body>
</html>

